<template> 
  <div id="app">
    <con class="content-box"></con>
    <tab-card class="tab-box" :tabs="arr"></tab-card>
  </div>
</template>
<script>
import tab from './components/tab'
import con from './components/content'
export default {
  name: "helloApp",
  components: {
    tabCard: tab,
    con
  },
  data() {
    return {
      arr: ['首页', '发现', '订单', '我的']
    }
  },
  methods: {
  }
}
</script>
<style lang="scss">
html,body{
  height: 100%;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
}
.content-box{
  width:100%;
  height: calc(100% - 60px);
}
.tab-box{
  width: 100%;
  height: 60px;
}
</style>
